@layout("/common/_form.html",{js:["/assets/modular/dbServicelist/dbServicelist_add.js"],css:["/assets/expand/module/formSelects/formSelects-v4.css"]}){

<form class="layui-form" id="dbServicelistForm" lay-filter="dbServicelistForm">
    <div class="layui-fluid" style="padding-bottom: 75px;">
        <div class="layui-card" style="height: 820px">
            <div class="layui-card-header" style="text-align: center">
                <span style="color: grey;font-size: 20px">数据库注册申请</span>
            </div>
            <div class="layui-card-body">
                <div style="width: 5px;height: 20px;background-color: #00a0e9;border-radius: 5px"
                     class="layui-inline"></div>
                <div class="layui-inline"><span style="font-size: 18px">数据库注册</span></div>
                <div class="layui-form-item">
                    <div class="layui-col-md12" style="text-align: center">
                        <span id="department" name="department" style="font-size: 17px"></span>
                    </div>
                </div>
                <div class="layui-form-item layui-col-md10 layui-col-md-offset1">
                    <input name="id" type="hidden"/>
                    <input name="exchangeDate" id="exchangeDate" type="hidden"/>
                    <input name="exchangeId" id="exchangeId" type="hidden"/>
                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">应用系统:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <input id="system" name="system" placeholder="请输入应用系统" type="text" class="layui-input"
                                   lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">服务类型:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <select name="servicetype" id="servicetype" lay-filter="servicetype" lay-verify="required"
                                    required>
                                <option value="">请选择</option>
                                <option value="1">数据库服务</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item layui-col-md10 layui-col-md-offset1">
                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">数据库类型:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <select name="dbType" id="dbType" lay-filter="dbType"
                                    lay-verify="required" required>
                                <option value="">请选择</option>
                                <option value="1">MySql</option>
                                <option value="2">Oracle</option>
                            </select>
                        </div>
                    </div>

                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">有效期限:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <select name="effectiveTime" id="effectiveTime" lay-filter="effectiveTime"
                                    lay-verify="required" required>
                                <option value="">请选择</option>
                                <option value="3">三个月</option>
                                <option value="6">六个月</option>
                                <option value="9">永久</option>
                            </select>
                        </div>
                    </div>

                </div>

                <div class="layui-form-item layui-col-md10 layui-col-md-offset1">
                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">数据库用户名:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <input id="username" name="username" placeholder="请输入数据库用户名" type="text" class="layui-input"
                                   lay-verify="required" required/>
                        </div>
                    </div>

                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">数据库密码:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <input id="password" name="password" placeholder="请输入密码" type="text" class="layui-input"
                                   lay-verify="required" required/>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item layui-col-md10 layui-col-md-offset1">
                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">数据库名:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <input id="dbName" name="dbName" placeholder="请输入数据库名" type="text" class="layui-input"
                                   lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">数据库内存:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <input id="dbMemory" name="dbMemory" placeholder="请输入内存" type="text"
                                   class="layui-input"
                                   lay-verify="required" required/>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item layui-col-md10 layui-col-md-offset1">
                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">数据库地址:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <input id="dbUrl" name="dbUrl" placeholder="请输入地址" type="text" class="layui-input"
                                   lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">数据库端口号:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <input id="dbNumber" name="dbNumber" placeholder="请输入端口号" type="text"
                                   class="layui-input"
                                   lay-verify="required" required/>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item layui-col-md10 layui-col-md-offset1">

                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">交换频率:<span style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <select name="exchangeDate" lay-filter="exchangeDate" lay-verify="required"
                                    required>
                                <option value="">请选择</option>
                                <option value="1">实时</option>
                                <option value="2">每天</option>
                                <option value="3">每周</option>
                                <option value="4">每月</option>
                                <option value="5">每年</option>
                            </select>
                        </div>
                    </div>

                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">说明:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <textarea placeholder="请输入说明" id="details" class="layui-textarea" name="details"
                                      lay-verify="required" required></textarea>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item layui-col-md10 layui-col-md-offset1">
                    <div class="layui-inline layui-col-md5 layui-col-md-offset1">
                        <label class="layui-form-label" style="width: 100px">使用规范:<span
                                style="color: red;">*</span></label>
                        <div class="layui-input-inline" style="width: 180px">
                            <textarea placeholder="请输入使用规范" id="standard" class="layui-textarea" name="standard"
                                      lay-verify="required" required></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group-bottom text-center">
        <button class="layui-btn  layui-btn-warm" type="button" id="testConnect">&nbsp;测试连接&nbsp;</button>
        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
        <button type="reset" class="layui-btn layui-btn-primary" id="returnServiceList">&emsp;取消&emsp;</button>
    </div>

</form>

@}